<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>期金管家 - 苹果手机软件说明</title>
    {include file="Public/header_index"/}
    <style>
        .appleDes{}
        .appleDes li{ width:20%; padding:5px; list-style: none; float:left;}
        .appleDes li b{margin:5px auto; display: inline-block;}
        .appleDes li img{ width:100%; height:auto; border:1px solid #ccc;}

        @media (max-width:600px) {.appleDes li{ width:90%; float:initial; margin:0 auto;}}
    </style>
    <div class="container softDwonload">
        <div class="row">
            <h3 class="btn btn-danger">苹果手机软件说明</h3>
            <div class="col-md-12 appleDes text-center">
                <ul class="clearfix" style="padding-inline-start: 0 !important;">
                    <li>
                        <b class="text-danger">第一步</b>
                        <img class="img-responsive" src="/static/home/images/applestep1.jpg" alt="">
                    </li>
                    <li>
                        <b class="text-danger">第二步</b>
                        <img class="img-responsive" src="/static/home/images/applestep2.jpg" alt="">
                    </li>
                    <li>
                        <b class="text-danger">第三步</b>
                        <img class="img-responsive" src="/static/home/images/applestep3.jpg" alt="">
                    </li>
                    <li>
                        <b class="text-danger">第四步</b>
                        <img class="img-responsive" src="/static/home/images/applestep4.jpg" alt="">
                    </li>
                    <li>
                        <b class="text-danger">第五步</b>
                        <img class="img-responsive" src="/static/home/images/applestep5.jpg" alt="">
                    </li>
                </ul>
            </div>
            <a href="{:url('/index/index/download')}">返回软件下载</a>
        </div>
    </div>
    <br /><br /><br /><br /><br /><br /><br /><br /><br />
    <!--footer-->
    {include file="Public/footer"/}
    <!--footer-->
    </body>
</html>